<%-- 
    Document   : seguimiento
    Created on : 06/10/2010, 07:40:41 PM
    Author     : WILLIAM
--%>

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib prefix="r" uri="http://richfaces.ajax4jsf.org/rich" %>
<%@taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<script language="javascript" src="../js/funciones.js"></script>
<link href="/sistemas/Estilos/estilosEsymons.css" rel="stylesheet" type="text/css" />

<f:view>
<h:form>
<table width="100%" border="0">
  <tr>
    <td align="left" class="texto3">
        <h:outputLabel value="Seguimiento de Requerimientos" styleClass="texto3" /></td>
  </tr>
  <tr><td height="20">
    <a4j:outputPanel ajaxRendered="true">
    <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
    </a4j:outputPanel>
      </td>
  </tr>
  <h:panelGroup rendered="#{requerimientoController.verDetalles==false}">
  <tr><td  align="left" height="35">
  <fieldset><legend>Seleccione la Busqueda</legend>
  <table width="850" border="0" cellpadding="0" cellspacing="0">
  <tr><td width="180" height="25"></td>
      <td width="120" height="35" align="left" valign="middle">
         <h:outputLabel value="Buscar por: " styleClass="texto22" /></td>
      <td width="410" height="35" align="left" valign="middle">
          <h:selectOneMenu value="#{requerimientoController.opcion}" styleClass="fondo012">
              <f:selectItem itemValue="0" itemLabel="-------------Seleccionar------------" />
              <f:selectItem itemValue="1" itemLabel="Buscar por Área" />
              <f:selectItem itemValue="2" itemLabel="Buscar por Fecha" />
              <f:selectItem itemValue="3" itemLabel="Buscar por Área y Fecha" />
          </h:selectOneMenu></td>    
    <td width="140" height="35"></td>
  </tr>
  <tr><td width="180" height="25"></td>
      <td width="120" height="35" align="left" valign="middle">
         <h:outputLabel value="Seleccione su Área: " styleClass="texto22" /></td>
      <td width="410" height="35" align="left" valign="middle">
          <h:selectOneMenu value="#{requerimientoController.area}" styleClass="fondo012">
              <f:selectItem itemValue="" itemLabel="-------------Seleccionar------------" />
              <f:selectItems value="#{areaController.selectListaAreas}" />
          </h:selectOneMenu></td>
    
    <td width="140" height="35"></td>
  </tr>
  <tr><td width="180" height="25"></td>
      <td width="120" height="35" align="left" valign="middle">
         <h:outputLabel value="Seleccione Fecha: " styleClass="texto22" /></td>
      <td width="410" height="35" align="left" valign="middle">
          <r:calendar value="#{requerimientoController.fecha}" datePattern="dd/MM/yyyy" cellWidth="15"
           styleClass="fondo012" inputClass="cajaCentrada" /> </td>    
    <td width="140" height="35"></td>
  </tr>
  <tr><td width="180" height="25"></td>
      <td colspan="3" height="35" align="left" valign="middle">
          <h:commandButton action="#{requerimientoController.buscarporArea}" value="  Buscar  " styleClass="enlace9" />
          <h:outputLabel value=" " />
          <h:commandButton action="#{requerimientoController.terminar}" value="Cancelar" styleClass="enlace9" />
      </td>      
  </tr>
  </table>
  </fieldset>
      </td>
  </tr>
  </h:panelGroup>
  <h:panelGroup rendered="#{requerimientoController.verBusqueda==true}">
  <tr><td  align="left" height="35">
      <h:outputLabel value="#{requerimientoController.cantidadReque}" styleClass="texto20" /></td>
  </tr>
  <tr><td align="left">
          <r:dataTable value="#{requerimientoController.listaRequerimientosArea}" var="reque" rows="10" rowClasses="TableImpar,TablePar"
        reRender="dt" id="TableReque" border="0" headerClass="texto18">
        <r:column width="35%">
         <f:facet name="header"><h:outputLabel value="Area" /></f:facet>
            <h:outputLabel value="#{reque.reqArea}" styleClass="texto20" />
        </r:column>
        <r:column width="35%">
            <f:facet name="header"><h:outputLabel value="Solicitante" /></f:facet>
            <h:outputLabel value="#{reque.reqSolicitante}" styleClass="texto20" />
        </r:column>
        <r:column width="10%">
            <f:facet name="header"><h:outputLabel value="Fecha Ingreso" /></f:facet>
            <h:outputLabel value="#{reque.reqFecha}" styleClass="texto20" />
        </r:column>
        <r:column width="10%">
            <f:facet name="header"><h:outputLabel value="Estado" /></f:facet>
            <h:outputLabel value="#{reque.estadoActual}" styleClass="texto20" />
        </r:column>
        <r:column width="10%">
            <f:facet name="header"></f:facet>&nbsp;&nbsp;
            <h:commandLink action="#{requerimientoController.verdetalle}" value="Ver Detalle" styleClass="seleccionar">
                <f:setPropertyActionListener target="#{requerimientoController.requerimiento}" value="#{reque}"/>
            </h:commandLink>
        </r:column>
       <f:facet name="footer">
          <r:datascroller id="dt" renderIfSinglePage="false"></r:datascroller>
        </f:facet>
    </r:dataTable>
    </td>
  </tr>
</table>
  </h:panelGroup>
  <h:panelGroup rendered="#{requerimientoController.verDetalles==true}">
  <table width="100%" border="0">
  <tr><td align="left">
  <fieldset><legend>Datos del Solicitante</legend>
  <table width="850" border="0" cellpadding="0" cellspacing="0">
  <tr><td width="180" height="25"></td>
      <td width="120" height="30" align="left" valign="middle">
         <h:outputLabel value="Área: " styleClass="texto22" /></td>
      <td width="401" height="25" align="left" valign="middle">
          <h:outputLabel value="#{requerimientoController.requerimiento.reqArea}" styleClass="texto20" /></td>    
    <td width="149" height="25"></td>
  </tr>
  <tr><td></td>
    <td height="30" align="left" valign="middle">
      <h:outputLabel value="Solicitante: " styleClass="texto22" /></td>
      <td height="20" align="left" valign="middle">
     <h:outputLabel value="#{requerimientoController.requerimiento.reqSolicitante}" styleClass="texto20" /></td>
    <td></td>    
  </tr>
  <tr> <td></td>
    <td height="30" align="left" valign="middle">
     <h:outputLabel value="Motivo: " styleClass="texto22" /></td>
    <td height="20" align="left" valign="middle">
      <h:outputLabel value="#{requerimientoController.requerimiento.reqUso}" styleClass="texto20" /></td>   
    <td></td>
  </tr>
  <tr><td></td>
    <td height="30" align="left" valign="middle">
     <h:outputLabel value="Estado: " styleClass="texto22" /></td>
    <td height="20" align="left" valign="middle">
        <h:outputLabel value="#{requerimientoController.requerimiento.estadoActual}" styleClass="texto20" /></td>    
    <td></td>
  </tr>
  </table>
  </fieldset></td></tr>
  <tr><td align="center">
  <fieldset><legend>Requerimientos</legend>
      <table width="891" border="0" cellpadding="0" cellspacing="0">
       <tr><td width="835" height="35" align="left" valign="middle">
       <h:commandButton action="#{requerimientoController.cerrarDetalle}" value="cerrar Detalle" styleClass="enlace9" />
           </td>
      </tr>
       <tr><td>
  <r:dataTable rendered="#{requerimientoController.listaDetalleRequerimiento!=null}" value="#{requerimientoController.listaDetalleRequerimiento}" var="detalle" rows="10" rowClasses="TableImpar,TablePar"
        reRender="dt" id="TableDetalle" border="0" headerClass="texto18">
       <r:column width="5%">
            <f:facet name="header"><h:outputLabel value="Prioridad" /></f:facet>
            <h:outputLabel value="#{detalle.detPrioridad}" styleClass="texto20" />
        </r:column>
       <r:column width="28%">
         <f:facet name="header"><h:outputLabel value="Descripción" /></f:facet>
            <h:outputLabel value="#{detalle.detDescripcion}" styleClass="texto20" />
        </r:column>
        <r:column width="20%">
            <f:facet name="header"><h:outputLabel value="Observación" /></f:facet>
            <h:outputLabel value="#{detalle.detObservacion}" styleClass="texto20" />
        </r:column>
        <r:column width="15%">
            <f:facet name="header"><h:outputLabel value="Estado" /></f:facet>
            <h:outputLabel value="#{detalle.detEstadoActual}" styleClass="texto20"/>
        </r:column>
       <r:column width="10%">
            <f:facet name="header"><h:outputLabel value="Fecha Atención" /></f:facet>
            <h:outputLabel value="#{detalle.detFechaAtencion}" styleClass="texto20"/>
        </r:column>
       <r:column width="10%">
            <f:facet name="header"><h:outputLabel value="Fecha Evento" /></f:facet>
            <h:outputLabel rendered="#{detalle.detEsevento==true}" value="#{detalle.detFechaEvento}" styleClass="texto20" />
            <h:outputLabel rendered="#{detalle.detEsevento==false}" value="------------" styleClass="texto20" />
        </r:column>
        <r:column width="12%">
            <f:facet name="header"><h:outputLabel value="Responsable" /></f:facet>
            <h:outputLabel value="#{detalle.detAtendidoPor}" styleClass="texto20" />
        </r:column>
    </r:dataTable>
       </td></tr>
      </table></fieldset></td></tr>
  </table>
  </h:panelGroup>
</h:form>
</f:view>
